<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
        <title>写评论</title>
        <link rel="stylesheet" type="text/css" href="css/cropper.css" />
        <link rel="stylesheet" type="text/css" href="css/cropperdemo.css" />
        <link rel="stylesheet" type="text/css" href="css/white.css" />
        <script type="text/javascript">
          var _ssa = _ssa || {};
          (function () {
              _ssa.websiteId = '4be9f288c01046e1bcb0173eaab34e45';
              _ssa.base_url = 'http://wsa.cloudytrace.cn';
              _ssa.api = 'ctwsa-sa.gif';
              var _ssa_protocol = 'https:' == document.location.protocol ? 'https' : 'http';
              var _ssa_script = _ssa_protocol + '://' + 'script.cloudytrace.cn/wsa/common' + '/'+ 'ctwsa-sa.js';
              var _scripts = document.getElementsByTagName('script');
              for (var i = 0; i < _scripts.length; i++) {
                  if (_scripts[i].src == _ssa_script) {
                      return;
                  }
              }
              var _script = document.createElement('script');
              _script.type = 'text/javascript';
              _script.async = true;
              _script.src = _ssa_script;
              var _s = _scripts[0];
              _s.parentNode.insertBefore(_script, _s);
          })();
        </script>
	</head>
	<body id="home" v-cloak>
		<!--头部-->
        <section class="header-box">
        	<a href="javascript:;" class="tab" @click="backPage()">取消</a>
            <a href="javascript:;" class="tab right" @click="whitecomm">评论</a>
        </section>
		<!--苏宁争鸣-->
        <section class="p-wapper">
        	<div class="cnt-head">
        		<!-- <a v-if="criticType==1" class="img-cnt" href="javascript:;" @click="replaceImg">
                   <img :src="nmObj.headPic" alt="" />
                   <span>换</span>
                </a> -->
                <a class="img-cnt" href="javascript:;">
                   <img :src="nmObj.headPic" alt="" />
                </a>
        		<div class="title">
        			<span>{{nmObj.name}}</span>
        			<span v-if="criticType!=3" class="type-tag">{{criticType==1?"OA":"微信"}}</span>
        			<a href="javascript:;" v-if="criticType==3" @click="changePic" class="change">试试手气</a>
        			<p class="signature" v-if="criticType==3">匿名状态 昵称为随机分配</p>
        		</div>
        		<div class="anonymous">
        			<span>匿名</span>
        			<a href="javascript:;" class="sprites i-uncheck" :class="{'i-check':isanonymous}" @click="anonymousWhite"></a>
        		</div>
        	</div>
        	<div class="cnt-text">
        		<textarea maxlength="500" v-model="commContent"></textarea>	
        		<span>{{commContent.length}}/500</span>
        	</div>
        	<p class="f-tips">
        	    <span class="remind">【提醒】</span>
        	    <span class="tip">匿名后，绝对不会有人知道你是谁。但也失去了被置顶显示评论的机会。</span>
        	</p>
        </section>        
        <!-- 弹框样 -->
        <section class="pop-upload" v-show="uploadPop" >
            <div class="pop-cnt">
                <!--<p class="sprites i-close"></p>-->
                <div class="sel-type">
                    <div class="upload-img">
                        <p class="as-btn">本地选择</p>
                        <input type="file" class="file-img" id="cropper-input" name="cropper-input" accept="image/jpeg,image/x-png" />
                    </div>
                    <!--<a>拍摄</a>-->
                </div>
                <!--<div class="shot-img">拍摄</div>-->
                <div class="preview-container">
                    <input type="hidden" name="x" id="preview-x" />
                    <input type="hidden" name="y" id="preview-y" />
                    <input type="hidden" name="width" id="preview-width" />
                    <input type="hidden" name="height" id="preview-height" />
                    <div class="image-container target" id="cropper-target">
                      <img src="" class="noavatar" />
                    </div>
                </div>
                <p class="foot-btn">
                    <a href="javascript:;" @click="cancle" >取消</a>
                    <a class="upload-btn" href="javascript:;" @click="uploadImg">上传</a>
                </p>
            </div>
        </section>
        <section class="pop-tip" v-show="pointPop">
            <p>{{pointTip}}</p>
        </section>
        <script>
        	var ua = window.navigator.userAgent.toLowerCase();
	        if(ua.match(/MicroMessenger/i) == 'micromessenger') {
	        	var ua = window.navigator.userAgent.toLowerCase();
	    		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
	    			var script = document.createElement("script");
	    			script.src = "http://res.wx.qq.com/open/js/jweixin-1.0.0.js";
	    			document.body.appendChild(script);
	    		}
	        }
        </script>
        <script src="js/vue.min.js"></script>
        <script src="js/zepto.min.js"></script>
        <script src="js/cropper.js"></script>
        <script src="js/common.js"></script>
        <script src="js/white.js"></script>
        
	</body>
</html>
